<template>
    小明的评分等级为
        <p v-if="type === 'A'">优秀</p>
        <p v-else-if="type = 'B'">良好</p>
        <p v-else>差</p>
       <button @click="type = 'A'">切换成优秀</button>
       <button @click="type = 'B'">切换成良好</button>
       <button @click="type = 'C'">切换成差</button>
</template>
<script setup>
    import { ref } from 'vue';  
    const type = ref('B');
</script>
<style>
</style>